<template>
	<view class="page">
		<view class="List" v-for="(item,index) in List">
			<button class="li" @click="go_main(item.id)">{{item.name}}</button>
		</view>

	</view>
</template>

<script>
	export default {
		components: {},
		data() {
			return {
				List: [{
						id: 1,
						name: '电子检测',
					},
					{
						id: 2,
						name: '普通检测',
					},
				]
			}
		},
		methods: {
			go_main(id) {
				console.log(id);
				if (id == '1') {
					uni.navigateTo({
						url: '/page_jiankangdangan/Detectionrecords_dianzi/index'
					})
				}else if(id=='2'){
					uni.navigateTo({
						url: '/page_jiankangdangan/Detectionrecords_putong/index'
					})
				}
			}
		}
	}
</script>

<style scoped lang="scss">
	.page {
		width: 100vw;
		height: 100vh;
		position: relative;
		display: flex;
		flex-direction: column;

		.List {
			margin: 42rpx auto;
			// width: 500rpx;
			// height: 80rpx;

			.li {
				margin: 50rpx auto;
				width: 618rpx;
				height: 94rpx;
				text-align: center;
				line-height: 94rpx;
				border-radius: 16rpx;
				background-color: #1677FF;
				color: #fff;
				border-radius: 8rpx 8rpx 8rpx 8rpx;
				font-size: 36rpx;
				font-weight: 400;
			}
		}
	}
</style>